<template>
  <div class="order-detail">
    <div>SLB异常状态总览图</div>
    <table-cmp
      :query="query"
      :loading="loading"
      @loadData="loadData"
      :showSearch="false"
      :maxHeight="100"
    >
      <el-table-column
        label="实例ID"
        min-width="150px"
        header-align="center"
        align="center"
        fixed
      >
        <template slot-scope="scope">{{ scope.row.instanceid }}</template>
      </el-table-column>
      <el-table-column
        label="ip地址"
        min-width="150px"
        header-align="center"
        align="center"
      >
        <template slot-scope="scope">{{ scope.row.ip }}</template>
      </el-table-column>
      <el-table-column
        label="ECS归属"
        min-width="150px"
        header-align="center"
        align="center"
      >
        <template slot-scope="scope">{{ scope.row.source }}</template>
      </el-table-column>
      <el-table-column
        label="运行状态"
        min-width="150px"
        header-align="center"
        align="center"
      >
        <template slot-scope="scope">{{ scope.row.status }}</template>
      </el-table-column>
      <el-table-column
        label="ecs别名"
        min-width="150px"
        header-align="center"
        align="center"
      >
        <template slot-scope="scope">{{ scope.row.text }}</template>
      </el-table-column>
    </table-cmp>
  </div>
</template>
<script>
import { MIX_Table } from "@/mixin/table";
import { slbList } from "@/api/jkm";
export default {
  name: "",
  data() {
    return {
      dialogType: "",
      orderId: "8633e83f-c36b-4cdd-8b4a-753af2abfb08",
      user: null, // 客服详情
      productId: "",
      showProductDetail: false,
      orderHistoryData: {}, //订单历史
      dialogFormVisible: false,
    };
  },
  mixins: [MIX_Table],
  methods: {
    // ------------------------------------------------------------------
    // pragma mark - inti(初始化行为)
    // ------------------------------------------------------------------
    createdInit() {
      this.query.pageInfo.PhoneNumber = this.$route.query.PhoneNumber;
      this.loadData();
    },
    mountedInit() {},
    // 加载操作日志表格
    loadData() {
      this.loadTableData(slbList);
    },
  },
  // ------------------------------------------------------------------
  // pragma mark - Life Cycle(生命周期)
  // ------------------------------------------------------------------
  created() {
    this.createdInit();
  },
  beforeMount() {},
  mounted() {
    this.mountedInit();
  },
  updated() {},
};
</script>
<style scoped>
</style>